iT邦幫忙

2022 iThome 鐵人賽

DAY 21
0

讓我們來解析這個範例程式,看看它是怎麼實作多重鏡頭的。

首先我們發現它除了主要的 Scene 之外,在 <Render/> 內額外設定了一個 Scene,其中包含了一個正交投影攝影機 (OrthographicCamera)和兩個平面。

<MyCamera/> 中我們看到它會將攝影機的物件註冊到 Store 去,並在 <Render/> 中將攝影機從 Store 取出,分別渲染並將渲染結果作為材質傳遞給 GUI Scene 中的兩個平面,然後再把 GUI Cam 的影像渲染到主畫面之中。


上一篇
Day 20 Voxel 建模入門
下一篇
Day 22 Streaming POC
系列文
關於用 Javascript (Typescript) Stack 打造某種 Backend 3D Rendering 的東東這檔事23
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言